<template>
  <view class="content">
    <image src="../../static/images/finish.png" class="img"/>
    <view style="margin: 30rpx 0;">支付成功</view>
    <view class="btn">
      <view class="home" @click="onHome">返回首页</view>
      <view class="order" @click="onOrder">查看订单</view>
    </view>
  </view>
</template>

<script setup>
const onHome=()=>{
  uni.switchTab({url:'/pages/home/home'})
}
const onOrder=()=>{
  uni.switchTab({url:'/pages/order/order'})
}
</script>

<style scoped lang="scss">
.content{
  width: 100%;
  margin: 85rpx auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .img{
    width: 100rpx;
    height: 100rpx;
  }
  .btn{
    display: flex;
    .home,.order{
      text-align: center;
      width: 200rpx;
      height: 65rpx;
      line-height: 65rpx;
      color: #fff;
      background-color:#148bff ;
      // border: 2rpx solid #148bff;
      border-radius: 50rpx;
    }
    .home{
      margin-right: 20rpx;
    }
  }
}
</style>